<style>
    th,td{
        text-align: center !important;
    }
</style>
<div>
    <h1>学生列表</h1>
    <table class="layui-table">
        <thead>
            <tr>
                <th>学生编号</th>
                <th>学生姓名</th>
                <th>学生年龄</th>
                <th>学生性别</th>
                <th>联系地址</th>
                <th>所属班级</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody class="students-container"></tbody>
    </table>
    <div style="display: flex;justify-content: center;">
        当前页：
        <select class="curPage"></select>
        每页显示条数：
        <input type="text" class="eachPage" value="10" />
        总条数：<span class="total" style="padding-top:3px"> </span> 总页数：<span class="maxPage" style="padding-top:3px"></span>
    </div>
    <div style="margin-top: 10px;display: flex;justify-content: center;">
        <button class="firstPage  layui-btn-sm layui-btn layui-btn-radius">首页</button>
        <button class="prePage layui-btn-danger layui-btn layui-btn-radius layui-btn-sm">上一页</button>
        <button class="nextPage layui-btn layui-btn-radius layui-btn-normal layui-btn-sm">下一页</button>
        <button class="lastPage layui-btn-sm layui-btn layui-btn-radius">尾页</button>
    </div>
</div>